{extends file='layout/list-base.tpl'}

{block name='left-content'}
<div class="heading-bar">
    {if isset($category.name)}<h2>Truyện {$category.name}</h2>{/if}
    <span class="h-line"></span>
</div>
<!-- Start Main Content -->
<section class="span9 first">
  <!-- Start Grid View Section -->
  <section class="list-holder">
    {foreach from=$listBook item=book}
    <article class="item-holder">
      {if !$is_mobile}
      <div class="span2">
          <a href="{$base_url}truyen-{$book.category_uname}/{$book.book_uname}.html" title="{$book.page_title}"><img src="{$base_url}public/frontend/hinh-anh/lagre/{$book.image_filename}" alt="{$book.book_name}" title="{$book.book_name}" /></a> 
      </div>
      {/if}
      <div {if !$is_mobile}class="span10"{else}class="span12"{/if}>
        <div class="title-bar"><a href="{$base_url}truyen-{$book.category_uname}/{$book.book_uname}.html" title="{$book.page_title}">{$book.book_name}</a> <span>Tác giả : {$book.author_name}</span></div>
        <strong>{$book.total_view|number_format:0:",":"."} Lượt xem</strong>
          <span class="rating-bar"><img alt="Rating Star" src="{$base_url}public/frontend/images/rating-star.png"></span>
          <p>{$book.book_description|truncate:400:'...'}</p>
      </div>
    </article>
    {/foreach}
  </section>
  <div class="blog-footer">
    <div class="pagination">  
    	{if isset ($pageList)}
        {$pageList}
        {/if}  
      </div>
  </div>
  <!-- End Grid View Section -->
</section>
<!-- End Main Content -->
{/block}
